<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../lib/bootstrap.css">
    <link rel="stylesheet" href="../css/position.css">
    <script src="/lib/require.js" data-main="/js/position/index"></script>
    <title>职位管理</title>
</head>
<body>
    <header></header>
    <!-- 主内容 -->
    <div class="main">
        <section>
            <div class="section-main">
                <div class="table-operate">
                    <a href="#" data-toggle="modal" data-target="#addModal" id='add' class="ui-button">添加</a>
                </div>
                <div class="rel">
                    <div class="table-top-right">
                        <form novalidate="novalidate">
                            <div class="ui-search-input table-search ui-input">
                                <input type="search" >
                            </div>
                            <input type="submit" class="ui-button" id="maxSearch" value="搜索">
                           
                        </form>
                    </div>
                </div>
                <!-- 表格+分页 -->
                <div class="table-x">
                    <!-- 表格盒子 -->
                    <div>
                        
                        <table class="ui-table maxTable">
                            <thead>
                                <tr>
                                    <th scope="col">序号</th>
                                    <th scope="col">公司logo</th>
                                    <th scope="col">职位名称</th>
                                    <th scope="col">公司名称</th>
                                    <th scope="col">工作经验</th>
                                    <th scope="col">职位类型</th>
                                    <th scope="col">工作地点</th>
                                    <th scope="col">职位薪资</th>
                                    <th scope="col">操作</th>
                                
                                </tr>
                            </thead>
                            <tbody>
                                <script type="text/html" id="tbody-template" type="text/html">
                               {{each main obj}}
                                    <tr>
                                            <td class="id">{{obj._id}}</td>
                                            <td><img src='{{obj.logo}}'  id='gb'></td>
                                            <td></td>
                                            <td>公司名称</td>
                                            <td>经验</td>
                                            <td>职位类型</td>
                                            <td>{{obj.position}}</td>
                                            <td>{{obj.salary}}</td>
                                            <td>
                                                <a href="javascript:;" class="btnUpdate">修改</a>
                                                <a href="javascript:;" class="btnDelete">删除</a>
                                            </td>
                                            
        
                                        </tr>
                             {{/each}}
                                </script>
                              
                            </tbody>
                        </table>
                        <!-- 列表无数据的占位 -->
                        <div class="table-null-x">
                            <div class="table-null">
                                <img src="../images/icon_exapmle_delete.png" width="69" height="80">
                                <h2>列表为空</h2>
                            </div>
                        </div>
                    </div>
                    <!-- 底部分页 -->
                    
                    <div class="table-page-x">
                        
                    </div>
                    <script id="pageTemplate" type='text/html'>
                            <div class="table-page-data">
                                共<span class="table-num-length">49{{data}}</span>
                                名成员,每页显示
                            <span class="table-num-every">15</span>
                            </div>
                            <div class="table-page">
                                <nav aria-label="Page navigation">
                                    <ul class="pagination">
                                        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
                                        <%for(var i = 1; i <= totalPage; i++){%>
                                        <li class=""><a href="#" class="a">{{i}}</a></li>
                                        <%}%>
                                        <li>
                                          <a href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                          </a>
                                        </li>
                                    </ul>
                                </nav>
                        </div>
                        </script>
                </div>
            </div>
        </section>
    </div>
    <!-- 模态框 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" >
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" >职位信息</h4>
                </div>
                <div class="modal-body">
                  <form id="dialogForm">
                    <div class="form-group">
                      <label for="recipient-name" class="control-label">公司logo</label>
                      <input type="file" class="form-control" name="logo" >
                    </div>
                    <div class="form-group">
                      <label for="message-text" class="control-label">职位名称</label>
                      <textarea class="form-control" name='position'></textarea>
                    </div>
                    <div class="form-group">
                            <label for="message-text" class="control-label">公司名称</label>
                            <textarea class="form-control" name='company'></textarea>
                          </div>
                          <div class="form-group">
                                <label for="message-text" class="control-label">工作经验</label>
                                <textarea class="form-control" ></textarea>
                              </div>
                              <div class="form-group">
                                    <label for="message-text" class="control-label">职位类型</label>
                                    <textarea class="form-control" ></textarea>
                                  </div>
                                  <div class="form-group">
                                        <label for="message-text" class="control-label">工作地点</label>
                                        <textarea class="form-control" name='address'></textarea>
                                      </div>
                                      <div class="form-group">
                                            <label for="message-text" class="control-label">岗位薪资</label>
                                            <textarea class="form-control" name='salary'></textarea>
                                          </div>
                                         
                  </form>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary btnSub">提交</button>
                </div>
              </div>
            </div>
          </div>
</body>
</html>